<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>小米账号 - 注册</title>
    <link href="./css/login.css" type="text/css" rel="stylesheet"/>
    <link href="css/register.css">
</head>

<body>
<div id="left">
    <img id="background-image" src="./image/login/background-image.jpg">
</div>

<div id="right">
    <div id="nav">
        <div class="nav-left">
            <img src="./image/mi-icon.png">
            <p>小米账号</p>
        </div>

        <div class="nav-right ">
            <select id="language" class="nav-right font ch">
                <option selected>中文(简体)</option>
                <option>中文(繁体)</option>
                <option>English</option>
            </select>

            <ul class="nav-right font">
                <li class="ch">用户协议</li>
                <li class="ch">隐私政策</li>
                <li class="ch">帮助中心</li>
                <li>|</li>
            </ul>
        </div>
    </div>

    <div id="main">
        <a href="./login.jsp" class="noselected  pointer">登录</a>
        <a href="./register.jsp" class="selected  pointer">注册</a>
        <c:if test="${!empty msg}">
            <div class="alert alert-danger">${msg}</div>
        </c:if>
        <form action="UserRegisterServlet" method="post">
            <div id="in">
                <input type="text" placeholder="账号" name="account" required>
                <input type="password" placeholder="密码" name="password" required >
                <input type="email" placeholder="邮箱" name="email" required >
                <input type="text" placeholder="电话" name="phone" required >
            </div>
            <div class="ch-box">
                <input id="ch-box" class="ch-box" type="checkbox">
                <div id="text">
                    已阅读并同意小米帐号<a class="pointer">用户协议</a>和<a class="pointer">隐私政策</a>
                </div>
            </div>
            <div>
                <button id="log-in" class="pointer"> 注册</button>
            </div>
        </form>
        <div id="other">
            <p>其他方式登录</p>
            <div>
                <img src="./image/login/支付宝.png">
                <img src="./image/login/微信.png">
                <img src="./image/login/QQ.png">
                <img src="./image/login/微博.png">
            </div>
        </div>
    </div>

    <div id="tail">
        小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号
    </div>
</div>
</body>

<script src="./js/login.js" type="text/javascript"></script>
</html>